<template>
  <div class="kfmessage">
    <van-nav-bar title="客服消息" safe-area-inset-top left-arrow @click-left="onClickLeft" />
    <div class="text">
      <img :src="img" alt="" />
      <div class="sdas">
        <div>商务合作联系:</div>
        <div class="qq">{{appqq}}</div>
      </div>
    </div>
  </div>
</template>
<script>
// @ is an alias to /src
// import { ref } from "vue";
import { reactive, toRefs } from "vue";
export default {
  name: "KfMessage",
  components: {
    // [Button.name]: Button
  },
  setup() {
    const data = reactive({
      appqq: window.appqq,
    });

    const img = require("../assets/news/11.png");
    return { img, ...toRefs(data) };
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
  },
};
</script>
<style lang="scss" scoped>
.kfmessage {
  width: 100%;
  height: 100vh;
  text-align: center;
  .text {
    margin-top: 100px;
    color: rgb(0, 0, 0);
    font-size: 20px;
    img {
      width: 400px;
      display: block;
      margin: 0 auto;
      margin-bottom: 25px;
    }
    .sdas {
      position: relative;
      top: -160px;
      .qq {
        color: red;
        font-weight: 600;
        margin: 5px 0;
      }
    }
  }
}
</style>